//定义食物类
class Food {
    //定义属性表示食物
    food: HTMLElement;
    constructor() {
        //获取页面中food元素并将其赋值给element
        this.food = document.getElementById('food')!
    }

    //获取食物坐标
    get X() {
        return this.food.offsetLeft;
    }
    get Y() {
        return this.food.offsetTop;
    }

    //修改食物位置
    change() {
        //生成随机数
        // 0 - 290
        //🐍移动一次就是一格 10px 所以食物的坐标必须是整10
        // Math.round后既包括0 又包括29
        let top = Math.round(Math.random() * 29) * 10;
        let left = Math.round(Math.random() * 29) * 10;
        this.food.style.top = top + 'px'
        this.food.style.left = left + 'px'
    }
}



export default Food